<!DOCTYPE html>
<html>
<head>
  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" type="text/css" href="main.css">
    <title>Laevade pommitamine</title>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
    	    main.setup();	
        });
    </script>
</head>
<body>
    <div id="container">
        <div id="top"><h1>BANNER</h1></div>
        <div id="mid">
            <div id="game_field">
                <div id="battle_field">
                    <div id="player_field">
                        <table>
                            <tbody>
                            <tr><th></th>
                                <th>A</th><th>B</th><th>C</th><th>D</th><th>E</th>
                                <th>F</th><th>G</th><th>H</th><th>I</th><th>J</th>
                            </tr>
                            <tr><th>1</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>2</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>3</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>4</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>5</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>6</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>7</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>8</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>9</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>10</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div id="opponent_field">
                        <table>
                            <tbody>
                            <tr><th></th>
                                <th>A</th><th>B</th><th>C</th><th>D</th><th>E</th>
                                <th>F</th><th>G</th><th>H</th><th>I</th><th>J</th>
                            </tr>
                            <tr><th>1</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>2</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>3</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>4</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>5</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>6</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>7</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>8</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>9</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            <tr><th>10</th>
                                <td></td><td></td><td></td><td></td><td></td>
                                <td></td><td></td><td></td><td></td><td></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <input class="minimal" name="Rotate" value="Rotate ship" type="button">
                    <input class="minimal" name="Generate" value="Generate board" type="button">
                    <input class="minimal" name="ClearBoard" value="Clear board" type="button">
                    <input class="minimal" name="Confirm" value="Attack" type="button">
                    <input class="minimal" name="Help" value="Help" type="button">
                </div>
                <div id="ship_field">
                    <div id="player_ships"> </div>
                    <div id="opponent_ships"> </div>
                </div>
            </div>
            <div id="display">
                <div id="score"></div>	 
                <div id="chat">
                <textarea id="logBox" readonly="readonly" style="height:100%; width:100%"></textarea>
                </div>
                <form name="message" action="">  
                    <input id="entryBox" size="48" />  
                    <input name="submitmsg" type="submit"  id="submitmsg" value="Send" />  
                </form>  
            </div>
        </div>
        <div id="bottom"></div>
    </div>
</body>
</html>
